
<template>
  <div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">组件类型</div>
      <div class="w-3/4">
        <el-input type="text" disabled v-model="current.type" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">功能描述</div>
      <div class="w-3/4">
        <el-input type="text" v-model="current.describe" />
      </div>
    </div>
    <div class="flex items-center p-10">
      <div class="w-1/4 text-14">组件名称</div>
      <div class="w-3/4">
        <el-input type="text" v-model="current.options.name" />
      </div>
    </div>
  </div>
</template>
 
<script lang="ts">
import { defineComponent } from "vue";
import type { Component } from "@/components/low-code/core/";

export default defineComponent({
  name: "buttonSetting",
  props: ["current"],
  setup(props) {
    const component = props.current as Component;
    let lowCode = component.getLowCodeInstance();
    return { lowCode };
  },
});
</script>

<style  scoped>
</style>
